Skip to content

Dashboard Overhaul#99

Merged
LeVraiArdox merged 14 commits intoAxOS-project:mainfrom
Abscissa24:Dashboard-Overhaul
Mar 19, 2026
Merged

Dashboard Overhaul#99
LeVraiArdox merged 14 commits intoAxOS-project:mainfrom
Abscissa24:Dashboard-Overhaul

Conversation

@Abscissa24
Copy link
Contributor

@Abscissa24 Abscissa24 commented Mar 16, 2026

Dashboard Overhaul

Update: If I am saying overhaul, it must be an OVERHAUL!

Summary

  • Reworked the dashboard module from the ground up with smoothness and efficiency in mind.
  • The dashboard now has ZERO latency, loads immediately with ZERO stutters, especially with animated wallpapers.
  • Added smooth configurable slide animations and animation duration components.

Fixes

  • Fixed stutter on toggle. This thing is like butter now.
  • Fixed blurry text that occurs when using the dashboard scale feature.

  • 0% ---> INSTANT, zero latency.
  • 40% ---> default, quick and smooth.
  • 50% or greater ---> SMOOTH.
  • 100% ---> BUTTER

Updated Demo

updated.dashboard.overhaul.demo.mp4

@0x0WizA
Copy link

0x0WizA commented Mar 17, 2026

image ### 2nd Pic is Of 1440P Monitor image

Well It's a Good Idea Towards AxOS But While Youre working on dashboard Ive seen past 2 Pr's so would you mind taking a look why the dashboard gets bad rendering when decreased 100>
I have Tried On my Own some Fixes But didnt worked out Pleas mind taking A look @Abscissa24
if you notice this scale is 80 But rendering of icons and text is way worse

@Abscissa24

This comment was marked as resolved.

@0x0WizA
Copy link

0x0WizA commented Mar 17, 2026

image ### 2nd Pic is Of 1440P Monitor image Well It's a Good Idea Towards AxOS But While Youre working on dashboard Ive seen past 2 Pr's so would you mind taking a look why the dashboard gets bad rendering when decreased 100> I have Tried On my Own some Fixes But didnt worked out Pleas mind taking A look @Abscissa24 if you notice this scale is 80 But rendering of icons and text is way worse

Hey, yeah I've also noticed that issue. I'll take a look at it. I think it has to do with how scaling is managed. To confirm, are you using a scaling factor other than 1?

Yeah Im using the 1440p = 100% scaling
But on 1440p monitor any value under 100 is making just rendering issue

@LeVraiArdox
Copy link
Member

LeVraiArdox commented Mar 17, 2026

Before I make a code review, I'd like to make a comment from the video. The animations looks very cool, but it looks like the dashboard pops out of nowhere. Could you just improve that animation please ?

Oh, and the bad rendering is about the text rendering (renderType: Text.NativeRendering from StyledText.qml). But if we change that, it would have impacts on the whole interface even at normal scale. That's why screen scaling is a better solution.

@Abscissa24
Copy link
Contributor Author

@0x0WizA it is done.
The dashboard has been reworked with efficiency and smoothness in mind.
Additionally, this PR should also fix the blurry text issue that happens when using the dashboard scale feature.😊

@Abscissa24
Copy link
Contributor Author

Before I make a code review, I'd like to make a comment from the video. The animations looks very cool, but it looks like the dashboard pops out of nowhere. Could you just improve that animation please ?

Oh, and the bad rendering is about the text rendering (renderType: Text.NativeRendering from StyledText.qml). But if we change that, it would have impacts on the whole interface even at normal scale. That's why screen scaling is a better solution.

@LeVraiArdox please see updated demo video. I improved the animation logic so the dashboard doesn't just pop out of nowhere. Also, I fixed the text rendering issue when using the dashboard scale feature on a system scale >1. Seems to work well. and is stable and smooth.

Comment on lines +124 to +140
Behavior on x {
enabled: scaleWrapper.slideAnimEnabled
NumberAnimation {
duration: scaleWrapper.animDuration
easing.type: Easing.BezierSpline
easing.bezierCurve: [0.4, 0.0, 0.2, 1.0, 1.0, 1.0]
}
}
Behavior on y {
enabled: scaleWrapper.slideAnimEnabled
NumberAnimation {
duration: scaleWrapper.animDuration
easing.type: Easing.BezierSpline
easing.bezierCurve: [0.4, 0.0, 0.2, 1.0, 1.0, 1.0]
}
}
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'd suggest using Appearance.animation.elementMoveEnter and Appearance.animation.elementMoveExit

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I tested this out, but the animation feels a bit off like it’s too linear and lacks the smoothness of the original. Even though the logic is theoretically identical, there’s a noticeable difference in the execution. It might be best to stick with the hardcoded segment for now to maintain that fluid feel.

@Abscissa24 Abscissa24 requested a review from LeVraiArdox March 19, 2026 11:26
@LeVraiArdox LeVraiArdox merged commit 6aabe1e into AxOS-project:main Mar 19, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants